//products slide
$('.products-slide-img').click(function(){
    $('.col-products-top').fadeIn(300);
	$('.up-down-ico').hide();
	$('.up-ico').show();
    
});
//products 切换
$('.col-products-top .products-li-left-img').click(function(){
	$('.col-pro-right-container').fadeIn(300);	});
$('.click-products').click(function(){

    $('.col-products-top').slideDown(300);
});
$('.click-detial').click(function(){

    $('.product-detial').slideDown(300);
});


//products-bottom btn
$('.col-products-li .bin-btn').click(function(){
    $('.col-products-li').fadeToggle(300);
});

//img 切换
$('.click-switch-img a').click(function(){
	$(this).parents('.col-t-img').find('.switch-img img').attr('src',$(this).parent('.click-switch-img').find('img').attr('src'));
	$('.col-pro-top-title').text($(this).parents('.products-li-1-left').find('.products-li-title').text());
	$('.col-pro-top-test').text($(this).parents('.products-li-1-left').find('.products-li-test').text());
	});
	
//产品下拉
$('.up-ico').click(function(){
	$(this).hide();
	$('.products-li').fadeOut(300);
        $('.up-down-ico').fadeIn(300);

	});
	$('.up-down-ico').click(function(){
		$(this).hide();
	$('.up-ico,.col-products-top').fadeIn(300);
         $('.up-ico').fadeIn(300);
	
		});
              
		
//nav		
  $(window).scroll(function(){
	
      $('.nav-top').toggleClass('scrolled', $(this).scrollTop() > 1);
		 $(this).scrollTop() >1? $('body').css({'margin-top':'44px'}): $('body').css({'margin-top':'0px'});	
	if($(".nav-top ul li:gt(0)").hasClass('active')){$('.top-btn').removeClass('active');}
		else{$('.top-btn').addClass('active');}
     });
	
$(document).ready(function(){
				$(".nav-top a").click(function(){		
				  $('body,html').animate({scrollTop:$(this.hash).offset().top},500);
	});
});
//phone nav	
$('.nav-btn').click(function(){
		$('.nav-top ul').slideToggle();
});
	if(document.body.clientWidth<750){
		$('.nav-top ul li').click(function(){
		$('.nav-top ul').slideToggle();
	});
		}	
			
//scroll	
$(function(){$('.div_scroll').scroll_absolute({arrows:true});});
$(function(){$('.div_scroll').scroll_absolute({arrows:false});});		
		


//go top
$('.btn-top').click(function(){
	$('html,body').animate({'scrollTop':0},600);

	$(body).css({'margin':0});
});
